/* 
    Document   : slide
    Created on : Aug 15, 2012, 2:02:54 PM
    Author     : HoangLiem
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#wrapper{
    width:100%;
    min-height: 96%;
    height: auto !important;
    height: 96%;
    text-align:center;
    margin: 0 auto -30px;
    padding:0 10px 0px 10px;
}

.clearfix{
    clear:both;
    float:none;
}
#bigPic{
    width:430px;
    height:430px;
    padding: 1px;   
    background-color:#FFF;
    margin-bottom:10px;
}
#bigPic img{
    padding-left: 85px;
    position:absolute;
    display:none;
}
ul#thumbs li.active{
    border:2px solid #000;	
    background:#fff;
    padding:2px;
}
ul#thumbs, ul#thumbs li{
    margin:0;
    padding:0;
    list-style:none;
}

ul#thumbs li{
    float:left;
    margin-right:7px;
    margin-bottom:5px;
    border:1px solid #CCC;	
    padding:3px;
    cursor:pointer;
}
ul#thumbs img{
    float:left;
    width:80px;
    height:80px;
    line-height:80px;
    overflow:hidden;
    position:relative;
    z-index:1;		
}
